<template>
  <h1>属性绑定练习</h1>
  <input type="text" value="kk"> <!--输入框默认值设置为kk-->
  <input type="text" value="info"> <!--输入框默认值设置为info-->
  <input type="text" v-bind:value="info"> <!--输入框value属性与响应式变量info绑定-->
  <input type="text" :value="info"> <!--属性绑定可以简写 去掉前面的v-bind-->
  <hr>
  <a href="url">超链接1</a>
  <a :href="url">超链接2</a>
</template>
<script setup>
import {ref} from "vue";

const info = ref('属性绑定999')

const url = ref('https://www.jd.com')
url.value = 'https://www.baidu.com';
</script>

<style scoped>

</style>